<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

 <style>
     *{
         margin: 0;
         padding: 0;
     }
     html{
         height: 100%;
     }
     body {
         height: 100%;
      }
     .rap{
       /* background-color: red;*/
        
         width: 500px;
        height: 400px;
    
         margin: 10px auto;
         border: 1px  #4c4c4c solid;
         padding: 42px 30px 0;
         box-sizing: border-box;


     }
     .rap a{ text-decoration: none;
             color:#666;
             text-align: left;
             width: 50;
             padding-left: 30px;

     }
     .rap div{
         height: 50px;
         border-bottom: 1px dashed #ccc;
     }
 </style>
<body>
    <div class="rap">
        <h1>最新文章/New Articles</h1>
    <hr>
      <div><a href="">北京招聘网页设计，平面设计，php</a></div>
      <div><a href="">体验javascript的魅力</a></div>
      <div><a href="">jquery世界来临</a></div>
      <div><a href="">网页设计师的梦想</a></div>
      <div><a href="">jquery中的链式编程是什么</a></div>
      <div><a href="">北京招聘网页设计，平面设计，php</a></div>
      
    
    </div>
</body>
</html>